<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ZHONG ZHOU</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="25.png" type="image/x-icon" />
    <meta name="author" content="钟洲" />
    <meta name="keywords" content="个人作品集">



</head>


<body>


    <div class="container">

        <header>
            <img class="m" src="1.jpg" width="1200" height="500" alt="">

            <a href="#shouye">首页</a>
            <a href="#guanyu">关于</a>
            <a href="#zuoping">作品</a>
            <a href="#lianxi">联系</a>

            <h1>WELCOME TO MY WEBSITE</h1>

            <h2 id="guanyu">about（个人） </h2>
            <div class="box">
                <span>START</span>
            </div>

        </header>
        <div class="b"></div>

        <div class="c"></div>

        <p> 喜欢摄影<br><br>WANGZHE<br><br> Hello，<br><br>My hobbies are photography and<br> watching movies I am still a<br> college student. UI design related,<br> interface design。</p>

        <div class="third">
            <img src="5.jpg" alt="">
        </div>
        <div class="d"></div>


        <h3 id="zuoping">works(版式设计）</h3>



        <div class="k"></div>
        <div class="n"></div>
        <div class="photos">
            <img class="first" src="10.jpg" width="180" height="260" alt="">
            <img class="first" src="11.jpg" width="180" height="260" alt="">
            <img class="first" src="13.jpeg" width="180" height="260" alt="">
            <img class="second" src="8.png" width="270" height="250" alt="">
            <img class="second" src="9.png" width="270" height="250" alt="">
            <img class="thirds" src="6.jpg" width="180" height="260" alt="">
            <img class="thirds" src="4.jpg" width="180" height="260" alt="">
            <img class="thirds" src="7.jpg" width="180" height="260" alt="">
        </div>

        <img class="se" src="2.jpg" width="1200" height="700" alt="">
        <img class="fourth" src="3.jpg" width="210" height="250" alt="">
        <h4 id="lianxi">contact</h4>
        <div class="box1">
            <img src="14.jpg" width="150" height="150" alt="">

        </div>
        <p class="x">zhongzhou2732047936@qq.com</p>
        <div class="box2">
            <img src="15.png" width="150" height="150" alt="">

        </div>

        <p class="y">zhongzhou@vx.zz14780099756</p>
        <hr class="l">
        <hr class="j">

        <p class="v"> Copyright 2020 All Rights Reserved @ zhongzhou</p>

        <h1 class="ad">其他works</h1>
        <p id="shouye" class="as">Mr.钟</p>

        <div id="group">
            <img id="photo-a" src="12.jpg" />
            <img id="photo-b" src="10.1.jpg" />
            <img id="photo-c" src="11.1.jpg" />
            <img id="photo-d" src="15.jpg" />
            <img id="photo-e" src="14.1.jpg" />
            <img id="photo-f" src="16.jpg" />
            <img id="photo-g" src="19.jpg" />
            <img id="photo-h" src="20.jpg" />
        </div>
        <p class="ac">WELCOME TO YOUR BROWSE !!!</p>
        <section>
            <div class="zV"></div>
            <div class="zx"></div>
            <div></div>
            <div class="zv"></div>
            <div></div>
            <div class="zx"></div>
        </section>



    </div>
</body>

</html>